<template>
  <div class="bor">
    <p :class="isSelected?'isSelected':''">

    </p>
  </div>
</template>

<script>
export default {
  props:{
    isSelected:{
      type:Boolean,
      default:true
    }
  },
  methods:{
    
  }
}
</script>

<style>
.bor{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  border:2px solid var(--bgColor);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bor p{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}
p.isSelected{
  background-color: var(--bgColor);
}
</style>